<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" placeholder="请输入1-100之间的整数">
<input type="button" value="猜一猜" onclick="f()">
<div>

</div>

<script>
  let x = parseInt(Math.random()*100)+1;
  let num=0;
  let d = document.querySelector("div");
  d.innerText=x;
  function f(){
    let i = document.querySelector("input");
      num++;
      if(i.value<x){
        d.innerText="猜小了"
      }else if(i.value>x){
        d.innerText="猜大了"
      }else{
        d.innerText="恭喜你猜对了,您一共猜了"+num+"次才猜对"
      }
  }




</script>
</body>
</html>